<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我所有作业的链接</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <style type="text/css">

    li1{
        list-style-type: 1;
    }
    li a{
        text-decoration: none;
        color: #000;
        font-size: 18px;
    }
    #jinru{
        background-color: rgb(17, 124, 211);
        width: 200px;
        height: 50px;
    }
    #p3 p{
        font-size: 25px;
    }
    #p3 button{
        border-radius: 15px;
        border: none;
        margin-left: 50px;
    }
    #p3 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;ol
    }


    #p4 p{
        font: size: 25px;
    }
    #p4 button{
        border-radius: 15px;
        border: none;
        margin-left: 30px;
    }
    #p4 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p5 p{
        font-size: 25px;
    }
    #p5 button{
        border-radius: 15px;
        border: none;
        margin-left: 45px;
    }
    #p5 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p6 p{
        font-size: 25px;
    }
    #p6 button{
        border-radius: 15px;
        border: none;
        margin-left: 45px;
    }
    #p6 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p7 p{
        font-size: 25px;
    }
    #p7 button{
        border-radius: 15px;
        border: none;
        margin-left: 55px;
    }
    #p7 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p8 p{
        font-size: 25px;
    }
    #p8 button{
        border-radius: 15px;
        border: none;
        margin-left: 55px;
    }
    #p8 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p9 p{
        font-size: 25px;
    }
    #p9 button{
        border-radius: 15px;
        border: none;
        margin-left: 80px;
    }
    #p9 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    
    
    #p10 p{
        font-size: 25px;
    }
    #p10 button{
        border-radius: 15px;
        border: none;
        margin-left: 80px;
    }
    #p10 a{
        color: rgb(255, 255, 255);
        font-size: 20px;
        text-decoration: none;
    }
    </style>
</head>
<body>
    <nav class="navbar navbar-default" role="navigation">
    <ul class="nav nav-tabs">
        <li><a href="#p2" data-toggle="tab">我的作业介绍</a></li>
        <li><a href="#p3" data-toggle="tab">杜甫</a></li>
        <li><a href="#p4" data-toggle="tab">百度</a></li>
        <li><a href="#p5" data-toggle="tab">课程表</a></li>
        <li><a href="#p6" data-toggle="tab">轻松批</a></li>
        <li><a href="#p7" data-toggle="tab">哔哩哔哩</a></li>
        <li><a href="#p8" data-toggle="tab">新闻列表</a></li>
        <li><a href="#p9" data-toggle="tab">欢迎注册QQ</a></li>
        <li><a href="#p10" data-toggle="tab">bootstrap作业</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade in active" id="home">
    <h3 id="home">姓名：杜金满</h3>
    <h3 id="home">学院：信息工程学院</h3>
    <h3 id="home">专业班级：20级软件技术二班</h3>
    <h3 id="home">学号：200320502027</h3>
    </div>
    <div class="tab-pane fade" id="p2">
    <ol>
        <li>
            <a href="杜甫.htm" target="_blank">杜甫</a>
        </li>
        <li>
            <a href="百度.htm" target="_blank">百度</a>
        </li>
        <li>
            <a href="课程表2.htm" target="_blank">课程表</a>
        </li>
        <li>
            <a href="qsq/轻松批/轻松批.htm" target="_blank">轻松批</a>
        </li>
        <li>
            <a href="哔哩哔哩.htm" target="_blank">哔哩哔哩</a>
        </li>
        <li>
            <a href="新闻列表.htm" target="_blank">新闻列表</a>
        </li>
        
        <li>
            <a href="QQ注册.htm" target="_blank">欢迎注册QQ</a>
        </li>
        
        <li>
            <a href="HELLO world.htm" target="_blank">bootstrap作业</a>
        </li>
    </ol>
    </div>
    <div class="tab-pane fade" id="p3">
        <p>这是关于杜甫简介的练习作业</p>
        <a href="杜甫.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p4">
        <p>这是关于百度的练习作业</p>
        <a href="百度.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p5">
        <p>这是关于课程表的练习作业</p>
        <a href="课程表2.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p6">
        <p>这是关于轻松批的练习作业</p>
        <a href="qsp/轻松批/轻松批.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p10">
        <p>这是关于bootstrap作业的练习作业</p>
        <a href="HELLO world.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p8">
        <p>这是关于新闻列表的练习作业</p>
        <a href="新闻报道.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    <div class="tab-pane fade" id="p7">
        <p>这是关于哔哩哔哩的练习作业</p>
        <a href="哔哩哔哩.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
    
    <div class="tab-pane fade" id="p9">
        <p>这是关于欢迎注册QQ的练习作业</p>
        <a href="QQ注册.htm" target="_blank"><button id="jinru">进入</button></a>
    </div>
</body>
</html>